<template>
  <div>
    <!-- 
      v-model修饰符
      .number   以parseFloat的形式转数字类型
      .trim     去除首尾空白字符
      .lazy     在change时触发而非input时(表示在失去焦点时同步数据到vue变量中)
     -->
    密码：<input v-model.number="password" type="password">
    介绍：<textarea v-model.trim="intro" ></textarea>
    座右铭：<textarea v-model.lazy="motto" ></textarea>
  </div>
</template>

<script>
export default {
  data(){
    return {
      username: "无名氏",
      password: 123456,
      intro: "",
      motto: ""
    }
  }
}
</script>

<style>

</style>